import request from "../../utils/request"
// pages/login/login.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    phone:"",
    password:""
  },
  // 1.ipt输入框输入数据时触发(bindinput)事件
  // ipt事件对象event.currentTarget 是用户点击的目标元素
  // 将从ipt获取的数据设置给data中的phone和password
  handleInput(e){
    // 拿到事件对象身上的ipt类型(id:phone)
    const type  = e.currentTarget.id
    // 以及ipt输入的文本
    const value = e.detail.value
    // 设置type的值
    this.setData({
      // 将value设置给type的类型值
      [type]:value
    })
  },

  // 2.登录逻辑(给登录按钮设置登录的事件函数)
  async loginFn(){
    // 2.1收集data中的数据
    const phone = this.data.phone
    const password = this.data.password
    // 2.5进行手机号码正则校验(使用wx.showToast的消息弹窗组件)
    // test 匹配成功和失败  返回boolean
    if(!/^1[3-9]\d{9}$/.test(phone)){
      // 提示语 
      wx.showToast({
        // 弹窗信息
        title: '手机号格式有误',
        // 弹窗类型
        icon: "error",
        // 弹窗展示时间
        duration: 10000
      })
      return;
    }
    // 2.6密码校验 
    /* if(!/\w{6,20}$/.test(password)){
      // 提示语
      wx.showToast({
        title: '密码格式有误',
        icon: "error"
      })
      return;
    } */

    // 2.2发起登录请求,获取请求的返回值数据
    const re =await request("/login/cellphone",{
      phone:'18972903705',
      password:'cx123456..',
      isLogin: true,
    },"GET")
    console.log(re);
    // 2.3将请求的数据保存在本地中
    if(re.code===200){
      wx.setStorageSync('userInfo', re.profile)
      wx.setStorageSync('cookie', re.token)
      // 2.4请求完成后跳转到中心页,然后将获取的数据渲染到页面上
      wx.reLaunch({
        url:"/pages/center/center"
      })
    } else {
      wx.showToast({
        title: re.message,
        icon:'error'
      })
    }
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})